import { createRouter, createWebHistory } from 'vue-router'
import { errorRouter, staticRouter } from './modules/staticRouter'
import NProgress from '@/config/nprogress'
import { LOGIN_URL, ROUTER_WHITE_LIST } from '@/config'
import { initDynamicRouter } from './modules/dynamicRouter'
import { getToken } from '@/utils/cookies'
import { useAuthStore } from '@/store/modules/auth'
import { useUserStore } from '@/store/modules/user'
declare module 'vue-router' {
  interface RouterOptions {
    base?: string
  }
}
const router = createRouter({
  history: createWebHistory(),
  routes: [...staticRouter, ...errorRouter],
})

/**
 * @description 路由拦截 beforeEach
 * */
router.beforeEach(async (to, from, next) => {
  const authStore = useAuthStore()
  const userStore = useUserStore()

  // 1.NProgress 开始
  NProgress.start()
  if (getToken()) {
    // 2.动态设置标题
    const title = '华宝信托'
    document.title = to.meta.title ? `${to.meta.title} - ${title}` : title
    // await userStore.GetResidueTokenSeconds()

    // 获取用户信息
    if (!userStore.userInfo?.userId) {
      try {
        await userStore.GetInfo()
      } catch (error) {
        userStore.FedLogOut()
      }
    }
    // 3.判断是访问登陆页，有 Token 就在当前页面，没有 Token 重置路由到登陆页
    if (to.path.toLocaleLowerCase() === LOGIN_URL) {
      if (getToken()) return next(from.fullPath)
      resetRouter()
      return next()
    }
    // 子应用单独运行，直接进入该系统
    // console.log("子应用单独运行，直接进入该系统", to, authStore.authMenuListGet);

    // 6.如果没有菜单列表，就重新请求菜单列表并添加动态路由
    if (!authStore.authMenuListGet.length) {
      await initDynamicRouter()
      return next({ ...to, replace: true })
    }
    // 8.正常访问页面
    next()
  } else {
    // 4.判断访问页面是否在路由白名单地址(静态路由)中，如果存在直接放行
    if (ROUTER_WHITE_LIST.includes(to.path)) {
      next()
    } else {
      // 5.判断是否有 Token，没有重定向到 login 页面
      next({ path: LOGIN_URL, replace: true })
    }
  }
})

/**
 * @description 重置路由
 * */
export const resetRouter = () => {
  const authStore = useAuthStore()
  authStore.flatMenuListGet.forEach((route) => {
    const { name } = route
    if (name && router.hasRoute(name)) router.removeRoute(name)
  })
}

/**
 * @description 路由跳转错误
 * */
router.onError((error) => {
  NProgress.done()
  console.warn('路由错误', error.message)
})

/**
 * @description 路由跳转结束
 * */
router.afterEach(() => {
  NProgress.done()
})

export default router
